<template>
  <div class="workOrderStatistics">
    <div class="workOrderStatisticsTop">
      <item1></item1>
    </div>
    <!-- <div class="workOrderStatisticsBottom">
      <item2></item2>
    </div> -->
  </div>
</template>

<script>
import item1 from './item1/index.vue'
import item2 from './item2/index.vue'

export default {
  name: 'echarts1',
  components: {item1, item2},
  data() {
    return {
      list: []
    }
  },
  mounted() {

  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.workOrderStatistics {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start;

  .workOrderStatisticsTop {
    width: 100%;
    height: (100%);
    position: relative;
  }

  .workOrderStatisticsBottom {
    width: 100%;
    height: 80px;
    position: relative;
  }
}
</style>
